<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>lesson4_float</title>
		<link rel="stylesheet" type="text/css" href="css/lesson4_float.css"/>
	</head>
	<body>
		<!--<div class="wrapper">
			<div class="content">1</div>
			<div class="content">2</div>
			<div class="content">3</div>
			<div class="content">4</div>
			<div class="content">5</div>
			<div class="content">6</div>
			<div class="content">7</div>
			<div class="content">8</div>
			<div class="content">9</div>
		</div>-->
		<!--==================line1===================-->
		<!--1.浮动元素产生了浮动流，
		所有产生了浮动流的元素，块级元素看不到，
		他们
		产生了bfc的元素和文本类属性的元素以及文本
		都能看到浮动类元素
		position:abolute float:left/right
		内部把元素转换成的那个inline-block
		-->
		<!--<div class="box"></div>-->
		<!--<div class="demo"></div>-->
		
		<!--<div class="box"></div>123-->
		
		<!--<div class="box"></div>
		<img src="123.jpg"/>-->
		
		<!--<div class="box"></div>
		<div class="demo"></div>
		-->
		<!--===================================line2=========================-->
		
		<!--<div class="wrapper">
			<div class="content">1</div>
			<div class="content">2</div>
			<div class="content">3</div>
			<p></p>
		</div>-->
		<!--================================line3=====================================-->	
		<!--伪元素 before.after 天生行级元素-->
		<!--<span>很帅</span>-->
		<!--==================================line5========================================-->
		<!--<div class="wrapper">
			<div class="content">1</div>
			<div class="content">2</div>
			<div class="content">3</div>
		</div>-->
		<!--=======================line6========================-->
		<!--<span>123</span>-->
		<!--============================line7=========================-->
		<!--<img class="img1"  src="123.jpg"/>范冰冰，1981年9月16日出生于山东青岛，华语影视女演员、制片人、歌手，毕业于上海师范大学谢晋影视艺术学院。1996年出演电视剧《女强人》，1998年主演电视剧《还珠格格》获得广泛关注，2002年主演电影《一见钟情》涉足影坛。2004年凭借冯小刚执导的电影《手机》获得第27届大众电影百花奖最佳女主角。2005年发行首张个人专辑《刚刚开始》。2007年凭借电影《心中有鬼》获得第44届台湾电影金马奖最佳女配角；同年主演的电影《苹果》入围第57届柏林国际电影节主竞赛单元，获得第4届欧亚国际范冰冰，1981年9月16日出<img class="img2"  src="123.jpg"/>生于山东青岛，华语影视女演员、制片人、歌手，毕业于上海师范大学谢晋影视艺术学院。1996年出演电视剧《女强人》，1998年主演电视剧《<img class="img2"  src="123.jpg"/>还珠格格》获得广泛关注，2002年主演电影《一见钟情》涉足影坛。2004年凭借冯小刚执导的电影《手机》获得第27届大众电影百花奖最佳女主角。2005年发行首张个人专辑《刚刚开始》。2007年凭借电影《心中有鬼》获得第44届台湾电影金马奖最佳女配角；同年主演的电影《苹果》入围第57届柏林国际电影节主竞赛单元，获得第4届欧亚国际范冰冰，1981年9月16日出生于山东青岛，华语影视女演员、制片人、歌手，毕业于上海师范大学谢晋影视艺术学院。1996年出演电视剧《女强人》，1998年主演电视剧《还珠格格》获得广泛关注，2002年主演电影《一见钟情》涉足影坛。2004年凭借冯小刚执导的电影《手机》获得第27届大众电影百花奖最佳女主角。2005年发行首张个人专辑《刚刚开始》。2007年凭借电影《心中有鬼》获得第44届台湾电影金马奖最佳女配角；同年主演的电影《苹果》入围第57届柏林国际电影节主竞赛单元，获得第4届欧亚国际
		<img class="img2"  src="123.jpg"/>	-->
		
		<!--====================================line8==================================-->
		<!--导航栏-->
		<ul class="nav">
			<li class="list-item">
				<a href="#">天猫</a>
			</li>
			<li class="list-item">
				<a href="#">聚划算</a>
			</li>
			<li class="list-item">
				<a href="#">天猫超市</a>
			</li>
		</ul>
	</body>
</html>
